<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<style type="text/css">
thead {
	background-color: blue;
}

tbody {
	background-color: gray;
}

tfoot {
	background-color: yellow;
}
/* 본문의 배경색은 회색, 결론행의 배경색은 노란색 */
</style>
</head>
<body>
	<table width="450px">
		<colgroup>
			<!-- 표의 제일 처음에 위치해서 각 컬럼의 너비를 지정 -->
			<col width="40%" >
			<col width="30%" >
			<col width="30%" >
		</colgroup>
		<thead>
			<!-- 머리 (순서를 바꿔도 무조건 위로 -->

			<tr>
				<th>과일이름</th>
				<th>가격</th>
				<th>개수</th>
			</tr>
		</thead>

		<tfoot>
			<!-- 발 ( 순서를 바꿔도 무조건 바닥으로 -->
			<tr>
				<td>합계</td>
				<td colspan="2">7000원</td>
			</tr>
		</tfoot>

		<tbody>
			<!-- 몸체 -->
			<tr>
				<td>사과</td>
				<td>2000원</td>
				<td>5개</td>
			<tr>
				<td>오렌지</td>
				<td>5000원</td>
				<td>1개</td>
			</tr>

		</tbody>
	</table>
</body>
</html>